<template>
  <van-search
    v-model="value"
    shape="round"
    background="#f66"
    :placeholder="lastSearch"
    show-action
  >
    <template #left>
      <div class="loginCls">北京</div>
    </template>
    <template #label>
      <div class="label">
        <van-icon name="/src/assets/imgs/logo.png" size="30"></van-icon>
        <span>&nbsp;&nbsp;|</span>
      </div>
    </template>
    <template #action>
      <div class="loginCls">登录</div>
    </template>
  </van-search>
</template>

<script>
export default {
  data() {
    return {
      value: "",
      lastSearch: "立柜式空调",
    };
  },
};
</script>

<style scoped>
::v-deep .van-search__content {
  border: 1px solid black;
}
.loginCls {
  color: white;
}
.label {
  display: flex;
  width: 40px;
  height: 34px;
  align-items: center;
  font-size: 24px;
  color: #9999a6;
  font-weight: bold;
  margin-right: 15px;
}
</style>